<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>个人中心</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">

    <link rel="stylesheet" type="text/css" href="css/address.css">
    <link rel="stylesheet" type="text/css" href="css/flower.css">
    <link rel="stylesheet" type="text/css" href="css/flowerYang.css">
    <link rel="stylesheet" type="text/css" href="css/flowerShen.css">
    <link rel="stylesheet" type="text/css" href="css/collect.css">
    <link rel="stylesheet" type="text/css" href="css/order.css">

    <style type="text/css">
        .add-address:hover {
            color: #fff;
        }
        .right-main {
            background: transparent;
            overflow: hidden;
        }
    </style>
</head>
<body class="home">
<%@ include file="GeTop.jsp"%>
<!-- 导航 End -->
<div class="main clearfix">
    <div class="main-container">
        <div class="breadcrumbs">
            <a href="/">首页</a> &gt; <a href="/Member/MemberCenter/">会员中心</a>
            &gt; <a href="/Member/MemberCenter/">会员中心</a>
        </div>
        <div class="wrapper about">
            <div class="pull-left right-main">
                <!--中间部分  -->
                <div class="order-nav clearfix" style="height: 60px;">
                    <div class="nav-item active" value="0">
                        全部订单
                        <span>${orderNum}</span>
                    </div>
                    <div class="nav-item" value="1">
                        待付款
                        <span></span>
                    </div>
                    <div class="nav-item" value="5">
                        进行中
                        <span></span>
                    </div>
                    <div class="nav-item" value="4">
                        待评价
                        <span></span>
                    </div>
                    <div class="nav-item" value="3">
                        今日配送
                        <span></span>
                    </div>
                    <div class="nav-item" value="2">
                        已完成
                        <span></span>
                    </div>
                    <div class="nav-item" value="-1">
                        已取消
                        <span></span>
                    </div>
                </div>
                <div class="order-wrap">
                    <!-- 订单列表 -->
                    <c:forEach items="${order}" var="o">

                    </c:forEach>
                    <!-- 订单列表 End -->
                </div>

                <!--中间到这 -->
            </div>
            <!--隐藏div  -->
            <div class="modal fade cancel-collection" aria-hidden="true"
                 style="/* display: none; */">
                <div class="modal-dialog"
                     style="width: 312px;height:228px;margin-top: 290px;">
                    <div class="modal-content" style="padding-bottom: 36px;">
                        <button type="button" class="close" data-dismiss="modal"
                                aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                        <img
                                src="https://img02.hua.com/pc/Images/2021new/address-delete-icon.png"
                                alt="" class="delete-address-icon">
                        <div class="delete-address-title">确定取消收藏该商品吗?</div>
                        <div class="consigneeModal-btns">
                            <div class="c-btn consigneeModal-btn consigneeModal-btn-grey"
                                 onclick="$('.cancel-collection').modal('hide');"
                                 style="width:108px;margin: 0 24px 0 36px;">取消</div>
                            <div class="c-btn consigneeModal-btn"
                                 id="cancel-collection-submit" style="width:108px;"
                                 onclick="cancledAttention('9012473')">确定</div>
                        </div>
                    </div>
                </div>
            </div>
            <!--隐藏div到这  -->
            <!-- 导流-->
            <div class="customer">
                <div class="customer-service customer-service-open">
                    <div class="customer-service-title">我是您的专属助理</div>
                    <img class="customer-service-img"
                         src="https://img02.hua.com/wxmp/hua/wx-code.png">
                    <div class="customer-service-sub">扫描二维码加我微信</div>
                    <div class="customer-service-hi">Hi~</div>
                    <div class="customer-service-close">
                        <div class="line"></div>
                        <div class="line"></div>
                    </div>
                </div>
            </div>
            <%@include file="GeLeft.jsp"%>
        </div>
    </div>
</div>
<!-- 尾部导航 -->
<%@ include file="bottom.jsp"%>

<script type="text/javascript" src="//img02.hua.com/pc/js/common.js"></script>
<script type="text/javascript" src="js/flower.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.js"></script>
<script type="text/javascript">
    $(function (){
        $(".nav-item").click(function (){
            $(this).addClass("active").siblings().removeClass("active");

        })
    })
</script>

</body>
